<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>HUI</title>
    <link rel="stylesheet" type="text/css" href="./css/hui.css" />
    <style type="text/css">
        body {
            padding: 0px;
            margin: 0px;
            background: #EAEAEC;
        }

        .line {
            height: 20px;
        }

        /* 添加/修改样式  */
        .hui-header {
            background: rgba(248, 248, 248, 0.82);
        }

        .hui-header h1 {
            font-size: 17px;
        }

        .title {
            width: 100px;
            height: 40px;
            line-height: 40px;
            position: absolute;
            left: 50%;
            margin-left: -50px;
            font-size: 17px;
            color: #030303;
        }

        #hui-back:before {
            color: #2439A5;
        }

        .tit_bar {
            height: 47px;
            line-height: 47px;
            text-align: center;
            color: #333333;
            font-size: 16px;
        }

        .message {
            height: 47px;
            line-height: 47px;
            background: #FFFFFF;
            position: relative;
            border-bottom: 1px solid #EAEAEC;
        }

        .message_left {
            width: 120px;
            display: inline-block;
            padding-left: 16px;
            color: #333333;
            font-size: 17px;
        }

        .message_right {
            position: absolute;
            right: 0px;
            width: 170px;
            padding-right: 16px;
            text-align: right;
            color: #999999;
        }

        .btn {
            margin: 0px 16px;
            margin-top: 48px;
            height: 47px;
            background: #2439A5;
            padding: 0px 16px;
            border-radius: 24px;
            line-height: 47px;
            text-align: center;
            font-size: 18px;
            color: #FFFFFF;
        }

        /* 遮罩 */
        .shade {
            position: fixed;
            top: 44px;
            background: rgba(0, 0, 0, 0.5);
            left: 0px;
            right: 0px;
            bottom: 0px;
        }

        .hint {
            width: 230px;
            height: 78px;
            background: rgba(255, 255, 255, 1);
            border-radius: 2px;
            position: fixed;
            left: 50%;
            top: 230px;
            margin-left: -120px;
            word-break: break-all;
            padding: 10px;
            padding-bottom: 0px;
            box-sizing: border-box;
        }

        .show {
            display: none;
        }
    </style>
</head>

<body>
<header class="hui-header">
    <!--<div onClick="gotoActivity()" id="hui-back"></div>-->
    <span class="title">扫描结果</span>
</header>
<div class="hui-wrap">
    <div class="tit_bar">7天假日快捷酒店</div>
    <div class="message">
        <span class="message_left">信用代码</span>
        <span id="content" class="message_right"></span>
    </div>
    <div class="message">
        <span class="message_left">地址</span>
        <span class="message_right">北京市昌平区</span>
    </div>
    <div class="message">
        <span class="message_left">付费方式</span>
        <span class="message_right">免费企业(此次扫描免费)</span>
    </div>
    <div class="message">
        <span class="message_left">我的余额</span>
        <span class="message_right">0.00元</span>
    </div>
    <div class="message">
        <span class="message_left">付费金额</span>
        <span class="message_right">0.00元</span>
    </div>
    <div onClick="gotoActivity()" class="btn">返回</div>

    <!-- 遮罩层 -->
    <div class="shade show"></div>
    <div class="hint show">您的实名信息已推送到实名认证系统，酒店管理人员确认信息后即可开始办理酒店入住手续。</div>
</div>
<script src="./js/hui.js" type="text/javascript" charset="utf-8"></script>
<script>

  hui.ready(function(){

  document.querySelector('.shade').classList.remove("show");
            document.querySelector('.hint').classList.remove("show");

            setInterval(function () {
                document.querySelector('.shade').classList.add("show");
                document.querySelector('.hint').classList.add("show");
            }, 2000);



  hui('#content').html(GetQueryString("id"));

function GetQueryString(name) {
			var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
			var r = window.location.search.substr(1).match(reg);
			if(r != null) return decodeURI(r[2]);
			return null;
		}
});

function gotoActivity () {
    nativeMethod.toActivity();
  }


</script>

</body>

</html>